<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <include file="Share:meta" />	
    <title>名片制作</title>
    <style type="text/css">
    	.selectoption{ float:left;  padding: 3px; }
    	.tips{ color: red; font-size: 14px; margin-left: 10px; }
    	#third{ padding-bottom: 60px; }
    </style>

	<link href="../Public/plugins/swiper/idangerous.swiper.css" rel="stylesheet">
	<script src="../Public/plugins/swiper/idangerous.swiper.min.js"></script>


	<script src="../Public/plugins/swiper-2.7.5/idangerous.swiper.progress.min.js"></script> 

	<style type="text/css">
		.pc_home_roll { width:100%; height:220px; position:relative; overflow:hidden; }
		.pc_home_roll .swiper-container { height:220px; width:100%; }
		.pc_home_roll .swiper-container a { width:100%; }
		.pc_home_roll .swiper-container img { max-width:100%;  }
		.pc_home_roll .pagination { position:absolute; z-index:1027; left:0; bottom:6px; text-align:center; width:100%; margin:10px 0; }
		.pc_home_roll span.swiper-pagination-switch { display:inline-block; width:8px; height:8px; border-radius:4px; margin:0 3px; cursor:pointer; margin:0 5px; background:#888; }
		.pc_home_roll span.swiper-active-switch { background:#333; }
		.cardtypeselect{ border: 1px solid #ccc; padding: 2px; margin: 10px auto; float: none; box-shadow: 1px 1px 10px 2px #ccc; }
	</style>
</head>

<body>
<div id="orderList">
	<div class="header">
        <div class="col-xs-3 textcenter">
            <a href="/bizcard/detail/hash/{$info.hash}"><返回</a>
        </div>
        <div class="col-xs-6 textcenter">
            <a href="#"><span id="titleId">请选择款式</span></a>
        </div>
        <div class="col-xs-3 textcenter">
        </div>
    </div>

    <!-- first start -->
	<div id="first" class="container-fluid context bg_white" v-show="firstShow">

		<div class="row Mob_Row_Padd_M_2">
			<input type="hidden" id="ptype" v-model="orderInfo.type" />
			<div class="col-xs-11 cardtypeselect" v-on:click="selectType('2')">
					<center><img src="../Public/img/b.jpg?v=1" class="img-responsive" /></center>
				<div class="txt bg_gray_s padl10">经典款</div>
			</div>
			<br>
			<div class="col-xs-11 cardtypeselect" v-on:click="selectType('1')">
				<center><img src="../Public/img/a.jpg?v=1" class="img-responsive" /></center>
				<div class="txt bg_gray_s padl10">尊贵款</div>
			</div>
			
		</div>
	</div>
	<!-- first end -->

	<!-- second start -->
	<div id="second" class="container-fluid bg_white" v-show="secondShow">
		<div class="row">
			<div class="pc_home_roll">
				<div class="swiper-container">
			    	<!-- <div class="swiper-wrapper"> 
			            <div class="swiper-slide" onclick="showImg('../Public/img/slider/zg/1.jpg');"><img src="../Public/img/slider/zg/1.jpg"></div>
			            <div class="swiper-slide" onclick="showImg('../Public/img/slider/zg/2.jpg');"><img src="../Public/img/slider/zg/2.jpg"></div>
			            <div class="swiper-slide" onclick="showImg('../Public/img/slider/zg/4.jpg');"><img src="../Public/img/slider/zg/4.jpg"></div>
			            <div class="swiper-slide" onclick="showImg('../Public/img/slider/zg/5.jpg');"><img src="../Public/img/slider/zg/5.jpg"></div>
			        </div> -->
			        <div class="swiper-wrapper"> 
				        
			        </div>
				</div>
				<div class="pagination"></div>
			</div>
		</div>
			
		<div class="row Mob_Row_Padd_M_2">
			<div class="col-xs-5" v-on:click="showImg();">
				<img v-bind:src="imgSrc"  class="img-responsive" /> <!--src="../Public/img/head.png"-->
			</div>
			<div class="col-xs-7">
				<div>{{title}}</div>
				<div>请选择封面款式</div>
			<!-- 	<div v-for="vo in p_img_list">
	            	{{vo.value}}
	            </div> -->
			</div>
		</div>
		<div class="clear"></div>
		<div class="div_line2"></div>
		<div class="row Mob_Row_Padd_M_2">
			<div class="col-xs-12">
				<span class="fontbold16">外包装<label class="tips" v-show="orderInfo.ctype == 1">(可任选一款)</label></span>
			</div>
		</div>
		<div>
			<div v-for="(vo,idx) in p_out_list" >
				<div class="selectoption textcenter">
					<span v-bind:class="{'btn':true,'btn-success':vo.code == orderInfo.typeOutside,'btn-default':vo.code != orderInfo.typeOutside}" v-on:click="selectOutsideType(vo)">{{vo.value}}</span>
				</div>
			</div>
			<div class="clearfix"><br></div>
		</div>
		<div class="clear"><br></div>
		<div class="div_line2"></div>
		<div style="display: none;">
		<div class="row Mob_Row_Padd_M_2">
			<div class="col-xs-12">
				<span class="fontbold16">内包装<label class="tips" v-show="orderInfo.ctype == 1">(可任选四款)</label></span>
			</div>
		</div>
		<div>
			<div v-for="(vo,idx) in p_in_list">
				<div class="selectoption textcenter">
					<span v-bind:class="{'btn':true,'btn-success':vo.selected == 1,'btn-default':vo.selected != 1}" v-on:click="selectInsideType(idx,vo)">{{vo.value}}</span>
				</div>
			</div>
			<div class="clearfix"></div>
		</div>
		<div class="clear"><br></div>
		<div class="div_line2"></div>
		</div>
		<div class="row Mob_Row_Padd_M_2">
			<div class="col-xs-4 fontbold16" >
				购买数量
			</div>
			<div class="col-xs-8">
				<div class="input-group floatR" style="width:100px;">
					<div class="input-group-addon" v-on:click="minus();">-</div>
					<input type="text" readonly="readonly" class="form-control quantity" v-bind:value="orderInfo.number" v-model="orderInfo.number" style="width:60px; text-align: center;">
					<div class="input-group-addon" v-on:click="plus();">+</div>
				</div>
			</div>
		</div>
		<div class="clear"></div>
		<div class="div_line2"></div>
		<div class="row Mob_Row_Padd_M_2" >
			<div class="col-xs-6 textleft">
				<button type="button" class="btn btn-success " v-on:click="previousToFirst();">上一步</button>
			</div>
			<div class="col-xs-6 textright">
				<button type="button" class="btn btn-success " v-on:click="next();">下一步</button>
			</div>
		</div>
	</div>
	<!-- second end -->



	<!-- third start -->
	<div id="third" class="container-fluid bg_white" v-show="thirdShow">
		<div class="row Mob_Row_Padd_M_2" style="background:#eeeeee;">
			<div class="col-xs-5">
				<img v-bind:src="imgSrc" class="img-responsive" />
			</div>
			<div class="col-xs-7">
				<div class="font16">{{title}}</div>
				<div class="font13 margin_top10">外包装：<span>{{orderInfo.typeOutsideName}}</span></div>
				<div class="font13" style="display: none;">内包装：<span>{{orderInfo.typeInsideName}}</span></div>

				<div class="col-xs-8 margin_top10" style="padding-left: 0px;">
					<span class="red">&yen;{{orderInfo.order_item_price}}</span>
				</div>
				<div class="col-xs-4 margin_top10" style="padding-right: 0px;">
					<span class="red">x {{orderInfo.number}}</span>
				</div>
			</div>
		</div>
		<div class="clear" style="display: none;"></div>
		<div class="div_line" style="display: none;"></div>
		<div class="row Mob_Row_Padd_M_2" style="display: none;">
			<div class="form-group">
				<label for="input" class="col-xs-3 control-label">下单账号:</label>
				<div class="col-xs-9">
					<input type="number" name="mobile" id="mobile" class="form-control" value="" required="required" v-model="orderInfo.mobile">
				</div>
			</div>
		</div>
		<div class="clear"></div>
		<div class="div_line"></div>
		<div class="row Mob_Row_Padd_M_2">
			<div class="form-group">
				<label for="input" class="col-xs-3 control-label">联系人:</label>
				<div class="col-xs-9">
					<input type="text" name="shipping_name" id="shipping_name" class="form-control" value="" required="required" v-model="orderInfo.shipping_name">
				</div>
			</div>
		</div>
		<div class="clear"></div>
		<div class="div_line"></div>
		<div class="row Mob_Row_Padd_M_2">
			<div class="form-group">
				<label for="input" class="col-xs-3 control-label">手机号码:</label>
				<div class="col-xs-9">
					<input type="number" maxlength="11" minlength="11" name="shipping_mobile" id="shipping_mobile" onblur="javascirpt:if(this.value.length != 11){alert('请输入正确的手机号码');}" class="form-control" value="" required="required" v-model="orderInfo.shipping_mobile">
				</div>
			</div>
		</div>
	<!-- 	<div class="clear"></div>
		<div class="div_line"></div>
		<div class="row Mob_Row_Padd_M_2">
			<div class="form-group">
				<label for="input" class="col-xs-3 control-label">快递地址:</label>
				<div class="col-xs-9">
					<select class="form-control" required="required" v-model="orderInfo.shipping_type">
                        <option value="1">名片上的地址</option>
                        <option value="2">其他地址</option>
                    </select>
				</div>
			</div>
		</div> -->
		<div class="clear"></div>
		<div class="div_line"></div>
		<div class="row Mob_Row_Padd_M_2">
				<div class="form-group">
					<label for="input" class="col-xs-3 control-label">省份:</label>
					<div class="col-xs-7">
						<select name="shipping_province" id="proviceId" class="form-control" required="required" v-model="orderInfo.shipping_province">
	                        <option value=""></option>
	                    </select>
					</div>
					<div class="col-xs-2">
						<span style="color: #F15153;line-height: 35px;">*必填</span>
					</div>
				</div>
			</div>
			<div class="clear"></div>
			<div class="div_line"></div>
			<div class="row Mob_Row_Padd_M_2">
				<div class="form-group">
					<label for="input" class="col-xs-3 control-label">城市:</label>
					<div class="col-xs-7">
						<select name="shipping_city" id="cityId" class="form-control" required="required" v-model="orderInfo.shipping_city">
	                        <option value=""></option>
	                    </select>
					</div>
					<div class="col-xs-2">
						<span style="color: #F15153;line-height: 35px;">*必填</span>
					</div>
				</div>
			</div>
			<div class="clear"></div>
			<div class="div_line"></div>
			<div class="row Mob_Row_Padd_M_2">
				<div class="form-group">
					<label for="input" class="col-xs-3 control-label">区县:</label>
					<div class="col-xs-9">
						<select name="shipping_distinct" id="districtId" class="form-control" required="required" v-model="orderInfo.shipping_distinct">
		                    <option value=""></option>
		                </select>
	                </div> 
				</div>
			</div>
			<div class="row Mob_Row_Padd_M_2">
				<div class="form-group">
					<label for="input" class="col-xs-3 control-label">地址:</label>
					<div class="col-xs-9">
						<input type="text" name="shipping_address" id="shipping_address" class="form-control" value="" required="required" v-model="orderInfo.shipping_address" >
					</div>
				</div>
			</div>
			<div class="clear"></div>
			<div class="div_line"></div>
			<br><br><br><br>
		<div v-show="orderInfo.shipping_type == 1">

		</div>
		<div v-show="orderInfo.shipping_type == 2">
			<!-- <div class="row Mob_Row_Padd_M_2">
				<div class="form-group">
					<label for="input" class="col-xs-3 control-label">省份:</label>
					<div class="col-xs-9">
						<select name="shipping_province" id="proviceId" class="form-control" required="required" v-model="orderInfo.shipping_province">
	                        <option value=""></option>
	                    </select>
					</div>
				</div>
			</div>
			<div class="clear"></div>
			<div class="div_line"></div>
			<div class="row Mob_Row_Padd_M_2">
				<div class="form-group">
					<label for="input" class="col-xs-3 control-label">城市:</label>
					<div class="col-xs-9">
						<select name="shipping_city" id="cityId" class="form-control" required="required" v-model="orderInfo.shipping_city">
	                        <option value=""></option>
	                    </select>
					</div>
				</div>
			</div>
			<div class="clear"></div>
			<div class="div_line"></div>
			<div class="row Mob_Row_Padd_M_2">
				<div class="form-group">
					<label for="input" class="col-xs-3 control-label">区县:</label>
					<div class="col-xs-9">
						<select name="shipping_distinct" id="districtId" class="form-control" required="required" v-model="orderInfo.shipping_distinct">
		                    <option value=""></option>
		                </select>
	                </div> 
				</div>
			</div>
			<div class="clear"></div>
			<div class="div_line"></div> 
			<div class="row Mob_Row_Padd_M_2">
				<div class="form-group">
					<label for="input" class="col-xs-3 control-label">地址:</label>
					<div class="col-xs-9">
						<input type="text" name="shipping_address" id="shipping_address" class="form-control" value="" required="required" v-model="orderInfo.shipping_address" >
					</div>
				</div>
			</div>
			<div class="clear"></div>
			<div class="div_line"></div>
			<br><br><br><br>-->
		</div>
		<div class="row Mob_Row_Padd_M_2 bg_white btmbar" style="background:#eeeeee;"> 
			<div class="col-xs-4">
				<button type="button" class="btn btn-success floatL" v-on:click="previousToSecend();">上一步</button>
			</div>
			<div class="col-xs-4">
				<div>合计:<span class="red">&yen;{{orderInfo.order_price}}</span></div>
			</div>
			<div class="col-xs-4">
				<button type="button" class="btn btn-success floatR" @click="saveOrderInfo();">提交订单</button>
			</div>
		</div>
	</div>
	<!-- third end -->

	<!-- four start -->
	<div id="four" class="container-fluid bg_white" v-show="fourShow">
		<div class="row Mob_Row_Padd_M_2" style="height: 500px;margin-top: 200px;">
			<div class="col-xs-12">
				<div class="textcenter fontbold16">客服将在24小时内联系您</div>
				<div class="textcenter fontbold16">或主动联系客服</div>
				<div class="textcenter fontbold16">客服电话：4008-5008-67</div>
			</div>
		
		</div>
	</div>
	<!-- four end -->

	<!--imgShow start -->
	<div class="maskBg" @click="hideImg();"></div>
	<div class="imgWindow container-fluid" v-show="imgShow">
		<div class="row Mob_Row_Padd_M_2">
				<img id="imgId" src="" @click="hideImg();" style="width: 100%;height: 300px;display: block;">
		</div>
	</div>
	<!--imgShow end -->
</div>
</body>
<script type="text/javascript">

	$(function(){
		addressInit('proviceId', 'cityId', 'districtId', '福建', '', '');
		$(".maskBg").hide();
	});

	var HjVue = new Vue({
		el: '#orderList',
		data: {
			p_in_list: [],
			p_out_list: [],
			p_img_list: [], //轮播图
			orderInfo:{
				'order_no' : '',
				'ctype' : '',
				'typeInside' : [],
				'typeInsideName' : [],
				'typeOutside' : '',
				'typeOutsideName' : '',
				'shipping_province': '',
				'shipping_city' : '',
				'shipping_distinct' : '',
				'shipping_address' : '',
				'shipping_name' : '',
				'shipping_mobile' : '',
				'number' : 1,
				'order_item_price' : 280,
				'order_price': 280,
				'mobile': '',   //下单账号
				'shipping_type':2 //1:名片地址 2:其他地址
			},
			firstShow: true,
			secondShow: false,
			thirdShow: false,
			fourShow: false,
			mySwiper: null,
			imgShow: false,
			imgSrc: '../Public/img/head.png',
			title : ''
		},
		methods:{
			init: function(type){
				
			},
			selectType: function(type){
				this.orderInfo.ctype = type;
				this.firstShow = false;
				this.secondShow = true;
				this.thirdShow = false;
				this.fourShow = false;

				//add by zzm 2017-02-21 22:38
				this.orderInfo.typeOutside = '';  //选择款式时候至空，以免上次选择的遗留下来
				this.orderInfo.typeOutsideName = '';
				//add end

				if(this.orderInfo.ctype == 1){
					// this.orderInfo.number = 3; 
					this.orderInfo.number = 1;  //2017-03-30 按要求修改数量，即3改为1
					this.orderInfo.order_item_price = 280;  //280
					this.title = "互云脉片--尊贵款";
					this.imgSrc = "../Public/img/head.png";

				}else{
					this.orderInfo.number = 1;
					this.orderInfo.order_item_price = 200;  //200
					this.title = "互云脉片--经典款";
					this.imgSrc = "../Public/img/7.jpg";

					//add by zzm 2017-03-06 选择“经典款”时，默认选中外包装分类
					this.orderInfo.typeOutside = "7";  // 7:互云脉片 - 经典款
					this.orderInfo.typeOutsideName = '互云脉片 - 经典款';
					//add end
					
				}
				HjVue.$data.p_in_list = [] ;
				HjVue.$data.p_out_list = [] ;
				
				HjVue.$data.orderInfo.typeInside = [];
				HjVue.$data.orderInfo.typeInsideName = [];

				$.ajax({
                    type: "GET",
                    url: "/Api/getProductType",
                    headers: {},
                    data: {
                    	ctype : this.orderInfo.ctype
                    },
                    dataType: "json",// html/json/jsonp/xml
                    success: function(result, opt){
                    	if (result.in.length > 0){
                    		HjVue.$data.p_in_list.push.apply(HjVue.$data.p_in_list,result.in);
                    	}
                    	if (result.out.length > 0){
                    		HjVue.$data.p_out_list.push.apply(HjVue.$data.p_out_list,result.out);
                    	}

                    	if (result.p_img.length > 0){
                    		HjVue.$data.p_img_list = [] ;
                    		HjVue.$data.p_img_list.push.apply(HjVue.$data.p_img_list,result.p_img);
                    	}

                    	if(HjVue.$data.mySwiper == null){
                    		HjVue.$data.mySwiper = new Swiper('.swiper-container',{
								loop:true,
								grabCursor: true,
								speed: 500,
								autoplay : 3000,
								pagination: '.pagination',
								autoplayDisableOnInteraction: false,
								paginationClickable: true, 
								preventClicks : false,
								preventLinksPropagation : false, //点击事件
								onSlideClick: function(swiper){
									// console.log(swiper.clickedSlideIndex);
									if (swiper.clickedSlideIndex == 0){
										showImg(HjVue.$data.p_img_list[4]['value']);
									}else if (swiper.clickedSlideIndex ==6){
										showImg(HjVue.$data.p_img_list[0]['value']);
									}else{
										showImg(HjVue.$data.p_img_list[swiper.clickedSlideIndex -1]['value']);
									}
								
									
								/*	console.log(swiper.clickedSlideIndex);
									console.log(HjVue.$data.p_img_list[swiper.clickedSlideIndex]['value']);*/
								}
							});
                    	}
						
						HjVue.$data.mySwiper.removeAllSlides();
						for(x in HjVue.$data.p_img_list){
							var newSlide = HjVue.$data.mySwiper.createSlide('<img src="'+HjVue.$data.p_img_list[x]['value']+'">','swiper-slide blue-slide','div');
							newSlide.append();
						}
						HjVue.$data.mySwiper.reInit();

                    },
                    error: function(){
						
                    }
                });

			},
			selectInsideType: function (index,vo,obj){
				// this.orderInfo.typeInside = vo.code;
				// this.orderInfo.typeInsideName = vo.value;
				
				if(HjVue.$data.p_in_list[index].selected == 1){
					HjVue.$data.p_in_list[index].selected = 0 ;
				}else{
					if(this.orderInfo.typeInside.length >= 4){
						alert('最多只能选择四个选项');
						return ;
					}
					HjVue.$data.p_in_list[index].selected = 1 ;
				}

				tmp = HjVue.$data.p_in_list;
				HjVue.$data.p_in_list = [] ;
				HjVue.$data.p_in_list.push.apply(HjVue.$data.p_in_list,tmp);

				this.orderInfo.typeInside = [];
				this.orderInfo.typeInsideName = [];
				for(x in HjVue.$data.p_in_list){
					if(HjVue.$data.p_in_list[x]['selected'] == 1){
						this.orderInfo.typeInside.push(HjVue.$data.p_in_list[x]['code']);
						this.orderInfo.typeInsideName.push(HjVue.$data.p_in_list[x]['value']);
					}
				}
				// vo.selected = vo.selected == 1? 0: 1; 
				// console.log(vo.selected);
				// console.log($(obj).html());
				// $(obj).addClass('on');
			},
			selectOutsideType: function (vo){
				this.imgSrc = "../Public/img/"+vo.code+".jpg";
				this.orderInfo.typeOutside = vo.code;
				this.orderInfo.typeOutsideName = vo.value;
			},
			plus: function(){
				if(this.orderInfo.ctype == 1){
					// this.orderInfo.number +=  3;
					this.orderInfo.number += 1; //2017-03-30 按要求修改数量，即3改为1
				}else{
					this.orderInfo.number += 1;
				}
				
				
			},
			minus: function(){				
				
				if(this.orderInfo.ctype == 1){
					// this.orderInfo.number -=  3; 
					this.orderInfo.number -=  1; //2017-03-30 按要求修改数量，即3改为1
				}else{
					this.orderInfo.number -= 1;
				}
				if (this.orderInfo.number <= 0){
					alert('数量不能小于0');
					if(this.orderInfo.ctype == 1){
						// this.orderInfo.number =  3;
						this.orderInfo.number = 1;//2017-03-30 按要求修改数量，即3改为1
					}else{
						this.orderInfo.number = 1;
					}
				}
				this.orderInfo.order_price = this.orderInfo.order_item_price * this.orderInfo.number;
			},
			next: function(){
				if (this.orderInfo.typeOutside == ''){
					alert('请选择外包装分类!');
					return;
				}
				if (this.orderInfo.typeInside == ''){
					//alert('请选择内包装分类!');
					//return;
				}
				$("#titleId").html("确认订单");
				this.firstShow = false;
				this.secondShow = false;
				this.thirdShow = true;
				this.fourShow = false;
				this.orderInfo.order_price = this.orderInfo.order_item_price * this.orderInfo.number;
			},
			previousToFirst: function(){
				this.firstShow = true;
				this.secondShow = false;
				this.thirdShow = false;
				this.fourShow = false;
			},
			previousToSecend: function(){
				this.firstShow = false;
				this.secondShow = true;
				this.thirdShow = false;
				this.fourShow = false;
			},
			saveOrderInfo: function(){
				if (this.orderInfo.shipping_name==''){
					alert('请填联系人!');
					return;
				}
				if (this.orderInfo.shipping_mobile==''){
					alert('请填联系电话!');
					return;
				}

				//add by zzm 2017-02-21 22:40
				if (this.orderInfo.ctype == 1){  //尊贵款
					if (this.orderInfo.order_price % 280 != 0){  
						alert('订单数据异常,请重新下单!');
						return;
					}
				}else if (this.orderInfo.ctype == 2){  //经典款
					if (this.orderInfo.order_price % 200 != 0){
						alert('订单数据异常,请重新下单!');
						return;
					}
				}
				// add end

				if (this.orderInfo.shipping_mobile=='15759248643'){
					this.orderInfo.order_item_price = '0.01';
					this.orderInfo.order_price = '0.01';
				}
				
				if (this.orderInfo.shipping_province==''){
					alert('请填写省份!');
					return;
				}
				if (this.orderInfo.shipping_city==''){
					alert('请填城市!');
					return;
				}
			/*	if (this.orderInfo.shipping_distinct==''){
					alert('请填区县!');
					return;
				}
				if (this.orderInfo.shipping_address==''){
					alert('请填地址!');
					return;
				}*/
				$.ajax({
                    type: "POST",
                    url: "/Api/saveOrder?hash={$info.hash}",
                    data: this.orderInfo,
                    dataType: "json",
                    success: function(result, opt){
                        if (result.status=='1'){
                        	HjVue.orderInfo.order_no = result.order_no;
                        /*	if (typeof(WeixinJSBridge) =='undefined'){
                        	}*/
                        	window.location.href = "/index.php/Pay/wechat/order_no/"+HjVue.orderInfo.order_no;
							
                        }else{
                        	alert('保存失败');
                        }
                    },
                    error: function(){
                        alert('保存失败');
                    }
                });
			},
			hideImg : function(){
				this.imgShow = false;
				$(".maskBg").hide();
			},
			showImg : function(){
				$(".maskBg").show();
				$("#imgId").attr("src", this.imgSrc);
				HjVue.$data.imgShow = true;
			},
			showBIgImg : function(vo){
				$(".maskBg").show();
				$("#imgId").attr("src", vo.value);
				HjVue.$data.imgShow = true;
			}
		}
	});
	
	function showImg(url){
		$(".maskBg").show();
		$("#imgId").attr("src", url);
		HjVue.$data.imgShow = true;
	};

  
</script>
</html>
